<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="http://www.qlcoder.com//css/bootstrap.min.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/bootstrap-theme.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/jquery.mCustomScrollbar.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="http://www.qlcoder.com//font/iconfont.css">
    <link rel="stylesheet" href="/css/codemirror.css">
    <style>
        .statistics-list {
            padding: 40px;
        }

        .statistics-list span {
            display: inline-block;
            margin-bottom: 15px;
            width: 80px;
        }

        .obj span {
            width: 30px;
            height: 10px;
            display: inline-block;
            margin-right: 10px;
        }

        .obj .obj-best {
            background: rgba(243, 134, 48, 1);
        }

        .obj .obj-me {
            background: rgba(39, 173, 240, 1)
        }
        
    </style>
</head>
<body>
<div class="q_warp" style="min-height:100%;margin-bottom:-60px;">
    <nav class="nav">
        <!--<div style="width:8.33%;height: 50px;float: left;"></div>-->
        <div class="container-fluid"><!--fluid-->
            <div class="pull-left">
                <a class="" href="/home" style="display: inline-block;"><img src="/img/ql_logo1.png"> </a>
            </div>
            <div class="pull-left nav-list">
                <ul class="" style="padding:0;">
                    <li class=""><a href="/home"><span color="gray"
                                                       style="font-size:15px;">技能树</span>
                    </a></li>
                    <li class=""><a
                            href="/discuss/all"><span color="gray" style="font-size:15px;">讨论区</span></a></li>
                    <li class=""><a href="/article/all"><span color="gray"
                                                              style="font-size:15px;">文章</span></a>
                    </li>
                    <li class=""><a href="/rank"><span color="gray"
                                                       style="font-size:15px;">排行榜</span></a>
                    </li>
                    <li class="active"><a href="/help"><span color="gray"
                                                             style="font-size:15px;">帮助中心</span></a>
                    </li>
                    <!-- <li class=""><a href="/help#opinion"><span color="gray" style="font-size:15px;">意见反馈<span></span></span></a></li> -->
                </ul>
            </div>
            <div class="pull-right ">
                <ul class="avator pull-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle pull-left" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">
                            <img style="max-width:100px; margin-top: -20px;margin-bottom: -15px;margin-right: 10px;"
                                 src="/system/App/User/avatars/000/000/347/thumb/2000.gif" class="img-circle"
                                 alt="cinque terre"
                                 width="30" height="30">

                            <!--<span class="badge s_tip">4</span>-->
                            &nbsp;&nbsp;<span color="gray" style="font-size:15px;">端着木鱼敲代码&nbsp;</span>
                            <span class="caret"></span>
                        </a>
                        <!--<span class="badge s_tip">4</span>-->
                        <ul class="dropdown-menu ">
                            <li><a href="/profile/792c"
                                   target="_blank"><i class="iconfont">&#xe612;</i>我的主页</a></li>
                            <li><a href="/u/update" target="_blank"><i class="iconfont">&#xe603;</i>设置</a>
                            </li>
                            <li><a href="/imglib" target="_blank"><i class="iconfont">&#xe61b;</i>图片库</a>
                            </li>
                            <li><a href="/inbox" target="_blank"><i class="iconfont">&#xe607;</i>私信
                            </a></li>
                            <!--<li role="separator" class="divider"></li>-->
                            <li><a href="/logout" target="_blank"><i class="iconfont">
                                &#xe613;</i>退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

    </nav>


    <!-- Bootstrap FAQ - END -->
    <div class="contain">
        <!--<div class="statistics success">-->
            <!--<h3>Source Statistics</h3>-->

            <!--<div class="statistics-list col-md-4">-->
                <!--<div><span>运行时间:</span><b>10MS</b></div>-->
                <!--<div><span>占用内存:</span><b>10M</b></div>-->
                <!--<div><span>硬盘读:</span><b>10M/s</b></div>-->
                <!--<div><span>硬盘写:</span><b>10M/s</b></div>-->
                <!--<div><span>代码长度:</span><b>100</b></div>-->
                <!--<div><span>参数6:</span><b>10MS</b></div>-->
                <!--<div><span>参数7:</span><b>10MS</b></div>-->
                <!--<div><span>参数8:</span><b>10MS</b></div>-->
            <!--</div>-->
            <!--<canvas id="chart" width="400" height="400" class="col-md-6"></canvas>-->
            <!--<div class="col-md-2" style="padding-top: 40px;">-->
                <!--<div class="obj"><span class="obj-best"></span>最优</div>-->
                <!--<div class="obj"><span class="obj-me"></span>我</div>-->
            <!--</div>-->
        <!--</div>-->
        <div class="clearfix"></div>
        <div class="statistics failed">
            <h3>Source Statistics</h3>

            <div id="codeError" style="border: 1px solid rgb(170, 170, 170); padding: 10px; margin-top: 20px;">
                抱歉，答案错误<br>
                <font color="red">the original n:0|after encode:|afther decode:not number|not match!</font></div>
        </div>
        <div class="clearfix"></div>
        <h3>Source Code</h3>
        <textarea id="editor">
            def encode(num):
                #todo
                return str


            def decode(str):
                #todo
                return num
        </textarea>
    </div>


    <div style="height:60px;"></div>
</div>
<!-- Footer -->
<footer>
    <p>©2016 千里码 浙ICP备15038807号-1 联系我们:oreo@qlcoder.com
    </p>
</footer>

<script src="http://www.qlcoder.com/js/jquery.min.js"></script>
<script src="http://www.qlcoder.com//js/bootstrap.min.js"></script>
<script src="/js/codemirror.js"></script>
<script src="/js/mode/python/python.js"></script>
<script src="/js/mode/clike/clike.js"></script>
<script src="/js/mode/javascript/javascript.js"></script>
<script src="/js/Chart.js"></script>
<script>
    var myTextarea = document.getElementById('editor');
    var CodeMirrorEditor = CodeMirror.fromTextArea(myTextarea, {
        mode:"text/x-python",
        readOnly:"nocursor",
        lineNumbers: true
    });
    var data = {
        labels: ["运行时间", "占用内存", "硬盘读", "硬盘写", "代码长度", "参数6", "参数7", "参数8"],
        datasets: [
            {//这个是最优的数据
                fillColor: "rgba(243, 134, 48,.5)",
                strokeColor: "rgba(243, 134, 48,1)",
                pointColor: "rgba(243, 134, 48,1)",

                pointStrokeColor: "#fff",
                data: [65, 59, 90, 81, 56, 11, 12, 54]
            },
            {
                fillColor: "rgba(39, 173, 240, 0.5)",
                strokeColor: "rgba(39, 173, 240,1)",
                pointColor: "rgba(39, 173, 240,1)",
                pointStrokeColor: "#fff",
                data: [28, 48, 40, 19, 96, 98, 64, 27]
            }
        ]
    }
    var ctx = $("#chart").get(0).getContext('2d') || "";
    var chart = new Chart(ctx).Radar(data);

</script>
</body>
</html>
